<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>12.关于data为什么写成函数</title>
  </head>
  <body>
    <script type="text/javascript" >
      /* // data直接写成一个对象，存在引用关系
      let data = {x:100}
      // 老张用了x
      console.log(data.x)
      // 老李用了x
      data.x = 300
      // 老刘用了x
      console.log(data.x) */

      // data直接写成一个函数返回一个对象，就不存在引用关系了
      let data = function(){
        return {x:100}
      }

      // 老张用了x
      console.log(data().x)

      // 老李用了x
      let obj = data()
      obj.x = 300
      console.log(obj.x)

      // 老刘用了x
      console.log(data().x)

    </script>
  </body>
</html>